<template>
  <div class='tbody'>
    <div class="titles">
    </div>
    <div @click="goToNext" class="col acen jcen t-box cfff abs">
           <i style="font-size:3.5vw;" class="el-icon-notebook-2"></i>
           <div class="baodao row">
                <div>报</div>
                <div>到</div>
           </div>
          </div>
  </div>
</template>
<script>
export default {
  components: {},
  data() {
    return {
    };
  },
  methods: {
    goToNext(){
      this.$router.push({ path: "/second" });
    }
  },

  created: function() {
  },
  mounted: function() {}
};
</script>
<style scoped>

  .tbody{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
   background-image: url(../../assets/bigcar.jpg);
   background-repeat: no-repeat;
   background-size:cover;
  }
  .titles{
    right: 0;
    height: 100%;
    width: 25vw;
    position: fixed;
    opacity: 0.8;
    background-color: #353841;
  }
  .t-box{
   background-color: #409EFE;
    border: 1px solid #409EFE;
    right: 4.17vw;
    border-radius: 15px;
    width: 16.66vw;
    top: 4.17vw;
    height: 12.5vw;
    opacity: 1;
    font-size: 40px;
    position: fixed;
  }
  .baodao{
    width: 10vw;
    justify-content: space-around;
    font-size: 3vw;
  }
  .cen{
    text-align: center;
  }
</style>